{literal}
<script type="text/javascript">
    $(document).ready(function(){
        $("#form_unidade").validate({
            rules: {
				contrato_id: { required: true },
				mes_referencia: { required: true },
                //valor: { required: true, maxlength: 11 },
                data_pagamento: { required: true }
            },
            messages: {
            	contrato_id: { required: "Informe um cliente"},
                mes_referencia: "Obrigatorio",
                //valor: { required: "Obrigatorio", maxlength: " 11 &eacute; o n&uacute;mero m&aacute;ximo de caracteres aceitos para o valor"},
                data_pagamento: "Obrigatorio"
            },
            submitHandler: function(form) {
				jqAjaxForm(form, "div_mensagem");
			}
        });

        $("#contrato_id").numeric();
        //$("#valor").priceFormat();
        $("#data_pagamento").datepick({showOn: 'both'});
        $("#data_pagamento").mask("99/99/9999");

        //POPULA MES EXERCICIO
        populaSelect("mes_referencia", "{/literal}{$_site.url}{literal}", "gerar-extrato/select-mes-geracao-extrato");
        
    	$("#cod_cliente").autocomplete("contrato/complete-codigo", {
    		width: 400,
    		max: 10,
    		scroll: false,
    		scrollHeight: 500,
    		mustMatch:true,
    		delay:400,
    		formatItem: function(data, i, n, value) {
    			return value.split("::")[0]+" - "+value.split("::")[1];
    		},
    		formatResult: function(data, value) {
    			return value.split("::")[0];
    		}
    	});

    	$("#cod_cliente").result(function(event, data, formatted) {
    		if (data) {
    			$("#contrato_id").val(formatted.split("::")[0]);
    			$("#nome_cliente").val(formatted.split("::")[1]);
    		}
    	});
		/*
		//AUTO COMPLETE COM O NOME DE CLIENTES
    	$("#nome_cliente").autocomplete("contrato/complete-nome", {
    		width: 400,
    		max: 10,
    		scroll: false,
    		scrollHeight: 500,
    		mustMatch:true,
    		delay:400,
    		formatItem: function(data2, i2, n2, value2) {
				return value2.split("::")[0]+"  (Contrato: "+value2.split("::")[1]+")";
    		},
    		formatResult: function(data2, value2) {
    			return value2.split("::")[0];
				 
    		}
    	});

    	$("#nome_cliente").result(function(event2, data2, formatted2) {
    		if (data2){
    			$("#contrato_id").val(formatted2.split("::")[1]);
    			$("#cod_cliente").val(formatted2.split("::")[1]);
    		}
    	});
        */
    }); //fecha $(
    
</script>
{/literal}
<form id="form_unidade" name="form_unidade" method="post" action="{$_site.url}{$acao}">
<input type="hidden" name="cobrancaId" id="cobrancaId" value="{$cobranca->id}">
<input type="hidden" name="codCliente" id="codCliente" value="{$contrato->id}">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mvTituloFundo">
				  <tr>
					<td>
					{if $banco->id > 0}Editar{else}Novo{/if} Pagamento
					</td>
				  </tr>
				</table>
    				<table width="100%" border="0" cellspacing="0" cellpadding="0">                
	                <tr>
	                  <td class="contForm" colspan="2">
		                  <table width="100%" border="0" cellspacing="3" cellpadding="0">
		               		<tr>
		               	  		<td valign="" class="fundoTituloForm">Cliente</td>
		                 		<td colspan="3">
				                 	<table width="100%">
				                  		<tr>
				                     		<td valign="top" class="bordaFormResp" width="20%">C&oacute;digo:</td>
				                     		<td valign="top" class="bordaFormResp" width="80%">Nome:</td>
						 				</tr>
						 				<tr>
				                     		<td valign="top" class="bordaFormResp" bgcolor="#BFCEDC">{$contrato->id}</td>
				                     		<td valign="top" class="bordaFormResp"  bgcolor="#BFCEDC">{$contrato->vhr_nomepessoa}</td>
										</tr>
				             		</table>
				             	</td>
				             </tr>
		               		<tr>
		               	  		<td valign="" class="fundoTituloForm">Dados da Cobran&ccedil;a</td>
		                 		<td colspan="3">
				                 	<table width="100%">
				                  		<tr>
				                     		<td valign="top" class="bordaFormResp" width="20%">Valor:</td>
				                     		<td valign="top" class="bordaFormResp" width="80%">Data Vencimento:</td>
						 				</tr>
						 				<tr>
				                     		<td valign="top" class="bordaFormResp" bgcolor="#BFCEDC">{$cobranca->flt_valor}</td>
				                     		<td valign="top" class="bordaFormResp"  bgcolor="#BFCEDC">{$cobranca->dte_vencimento|ConverteData:5}</td>
										</tr>
				             		</table>
				             	</td>
				             </tr>
	                 	</td>
	 				 </tr>
		             <tr>
		                  	<td width="20%" class="fundoTituloForm">Data de pagamento</td>
		                   	<td width="80%" class="bordaFormResp"><input name="data_pagamento" id="data_pagamento" type="text" class="formulario" value="{$smarty.now|date_format:"%d/%m/%Y"}"/></td>
		  			 </tr>
					 <tr>
		                   	<td valign="top" class="fundoTituloForm">Observa&ccedil;&otilde;es:</td>
							<td class="bordaFormResp">
								<textarea name="observacoes" id="observacoes" rows="5" cols="10" class="formulario tamanhoForm"/></textarea>
							</td>
		              </tr>
        			</table>
                  </td>
                </tr>
        		<tr>
                  <td class="paddingTop15 paddingBottom15" align="center"><!-- === Botões ( Salvar e Limpar ) === -->
                      <span class="paddingRight15">
                      	<input type="submit" value="Salvar" class="botao">
                      </span>
                    <span class="paddingRight15">
                    <input name="limpar" type="reset" id="Limpar" value="Limpar" class="botao" />
                    </span>
                    <input type="button" value="Cancelar" onclick="cancelar(); return false;" class="botao">
                      <!-- Final === Botões ( Salvar e Limpar ) === -->                      
                     </td>
                </tr>
              </table>	
    </form>
